import { Link } from "react-router-dom";

export default function NotFound() {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-50">
      <div className="text-center p-6 max-w-md w-full">
        <h2 className="text-4xl font-bold text-red-600 mb-4">404 - Page Not Found</h2>
        <p className="text-lg text-gray-700 mb-6">The page you are looking for does not exist.</p>
        <Link 
          to="/" 
          className="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors"
        >
          Go back to Home
        </Link>
      </div>
    </div>
  );
}